/**
 * Stylesheet dedicated to the application forms structure. These style classes define the skeleton 
 * of the components and include CSS properties such as margin, padding, display type, dimensions 
 * and positioning. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* The line containing the buttons related to a form */
.formButtonsLine{
	margin: 10px 0px 10px 0px;
	text-align: center;
}

/* All buttons of a form */
.formButtonsLine>button{
	margin-right: 6px;
}

/* Last button of a form */
.formButtonsLine>button:last-child{
	margin-right: 0;
}

/* One cell of the grid layout */
.formCell{
	display: table-cell;
	vertical-align: middle;
}

/* Input secret and text inside a cell */
.formCell>input[type="password"],
.formCell>input[type="text"]{
	width: 180px;	
}

/* Checkboxes inside a cell */
.formCell>.ui-chkbox{
	display: inline;
}

/* Buttons without text in forms  */
.formIconOnlyButton{
	height: 26px;
}

/* One cell of the grid layout that containing a label */
.formLabelCell{
	text-align: right;
}

/* One line of the grid layout */
.formRow{
	display: table-row;
}

/* SelectOneMenu in a form */
.formSelectOneMenu{
	width: 99%!important;
}

/* Label of a SelectOneMenu in a form */
.formSelectOneMenu label{
	width: 100%!important;
}

/* SelectOneMenu highlight and selection in a form */
.formSelectOneMenuPanel .ui-selectonemenu-item {
	text-align: center;
}

/* Grid layout */
.formTable{
	border-spacing: 8px;
	display: table;
	margin: 0 auto;
}

/* Form table footer */
.formTableFooter{
	caption-side: bottom;
	display: table-caption;
	text-align: center;
}